.page04_container {
    width:100%;
    margin: 0;
    overflow:hidden;
    background-color: #e7e7e7;
}
.page_title{
    height:50px;
    width:100%;
    font-size: 2.4rem;
    text-align: center;
    line-height: 50px;
    background-color: #585858;
    opacity: 0.5;
    color: #f7f7f7;
}
.content_container{
     width: 90%;
     margin: auto;
 }
.l_search{
    margin: 20px;
}
.content_left{
    width:23.481781376518218623481781376518%;
    margin-bottom:2.0242914979757085020242914979757%;
    margin-right: 2.0242914979757085020242914979757%;
    float:left;
    border-radius: 5px 5px 5px 5px;
    background-color: #eeeeee;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.user_info,.Picture_carousel,.forum{
    padding:4.310344827586206896551724137931%;
    /*background-color:#CDF0F6;*/
 }
.left_nav{
    min-height: 100px;
    background-color: #f3f3f3;
}
.nickname{
    text-align: left;
    line-height: 50px;
}
.nickname a{
    color: #404040;
}
.nickname a:hover{
    color: #CC9933;
    text-decoration: none;
}
.gridbox {
    margin-bottom:2.0242914979757085020242914979757%;
    margin-right: 2.0242914979757085020242914979757%;
    float:left;
}
.gridmain {
     width:48.987854251012145748987854251012%;
 }
.main {
      padding:2.0661157024793388429752066115702%;
      background-color: #f6f6f6;
      border-radius: 20px 5px 5px 5px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.article_top{
    width: 100%;
    height: 50px;
    background-color: #e7e7e7;
}


.editor_icon{
    width: 100%;
    height: 40px;
    text-align: right;
    line-height: 40px;
}
/*编辑文章*/
.editor_container{
    width: 70%;
    min-height: 400px;
    margin: auto;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #f5f5f5;
}
.editor_container p{
    font-size: 1.8rem;
    padding: 10px;
}
.editor_header{
    width: 100%;
    height: 50px;
    text-align: left;
    line-height: 50px;
}
.form_editor{
    padding: 5%;
}


.img_01{
    width: 100px;
    height: 100px;
    border-radius: 5px;
}
.img_icon{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.gridbox_left{
    margin-bottom:2.0242914979757085020242914979757%;
    margin-right: 2.0242914979757085020242914979757%;
    /*float:left;*/
}
.gridright{
    width:23.481781376518218623481781376518%;
    margin-right:0;
    overflow: hidden;
}
.right{
    padding:4.310344827586206896551724137931%;
    background-color: #f3f3f3;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hr{
    width: 95%;
    /*margin: auto;*/
    height: 1px;
    background-color: #989898;
}
.article-content {
    width:200px;
    height:24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: grey;
}
.simple{
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px;
}
.author{
    width: 260px;
    /*background-color: red;*/
    float:left;
}
.author img{
    transition:all 1s ;
}
.author img:hover{
    /*transform:scale(1.2);*/
    transform:rotate(360deg) scale(1.2);
}
.author_article{
    clear:both;
    padding: 10px;
}
.articles_date{
    width: 200px;
    height: 40px;
    line-height: 40px;
    float: left;
}

._contain{
    width:100%;
    height:660px;
    overflow: hidden;
}
._contain>div{
    width:100%;
    height:100%;
}


#code {
    width: 300px;
    height: 500px;
    background-color: #fff;
    padding: 10px;
    position: absolute;
    display: none;
    left: 45%;
    z-index: 1002;
}
a.button {
    position: relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: rgba(219,87,5,1);
    font-family: 'Yanone Kaffeesatz';
    font-weight: 700;
    font-size: 3em;
    display: block;
    padding: 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    margin: 100px auto;
    width: 160px;
    text-align: center;

    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

a.button:active {
    -webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}
#preview {
    overflow: hidden;
}
#preview img {
    width: 100%;
    height: 100%;
}
.file {
    width:85px;
    height:30px;
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
    font-size: 1.4rem;
}
.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}
#nickname{
    width:120px;
    height:60px;
    font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
p a{
    color: #0cbbc8;
}

@media only screen and (max-width: 768px) {
    .content_container{
        width: 100%;
        margin: 0;
    }
    .l_search{
        margin: 0;
    }
    .gridmain {
        width:100%;
    }
    .main {
        padding:1.0121457489878542510121457489879%;
    }
    .gridright {
        width:100%;
    }
    .right{
        padding:1.0121457489878542510121457489879%;
    }
    .content_left{
        width:100%;
        margin-right:0;
    }
    .gridbox {
        margin-right:0;
    }
    .user_info,.Picture_carousel,.forum{
        padding: 0;
    }
}
